<template>

    <div>
        <!-- <C :name="[false]"></C> -->
        <!-- <C @send="getName"></C> -->
        <C :data="list">
            <template #default="{ item, index }">
                {{ item.name }}--{{ index }}
            </template>

        </C>
    </div>

</template>

<script setup lang='ts'>
import C from './C.vue';
import type { ref } from 'vue';
const getName = (name: string) => {
    console.log(name);
}
const list = [
    {
        id: 1,
        name: "Alice",
        age: 28,
        city: "New York",
        isActive: true
    },
    {
        id: 2,
        name: "Bob",
        age: 34,
        city: "Los Angeles",
        isActive: false
    },
    {
        id: 3,
        name: "Charlie",
        age: 22,
        city: "Chicago",
        isActive: true
    },
    {
        id: 4,
        name: "David",
        age: 45,
        city: "San Francisco",
        isActive: true
    },
    {
        id: 5,
        name: "Eva",
        age: 31,
        city: "Seattle",
        isActive: false
    },
    {
        id: 6,
        name: "Frank",
        age: 27,
        city: "Austin",
        isActive: true
    }
];

</script>
<style scoped></style>